<template>
  <div class="goods-list">
    <good-list-item 
    class="list-item"
      v-for="(item,index) in goodsList" 
      :key="index" 
      :goodItem="item">
    </good-list-item>
  </div>
</template>

<script>
import GoodListItem from './GoodListItem.vue';
  export default {
    name:'goodList',
    props:{
      goodsList:{
        type:Array,
        default(){
          return []
        }
      }
    },
    data () {
      return {

      };
    },

    components:{GoodListItem},

    methods:{},

    created(){}
  }
</script>

<style lang='scss' scoped>
.goods-list{
  width:100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding:0 5px 60px ;
    .list-item{
      width:50%;
      box-sizing: border-box;
      padding:0 5px;
    }
}

</style>